<#include "/WEB-INF/template/common/macro/base.ftl"/>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en" class="no-js"> <!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
    <meta charset="utf-8"/>
    <@main_title/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <meta content="" name="description"/>
    <meta content="" name="author"/>
    <meta name="MobileOptimized" content="320">
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="${CONTEXT_PATH}/plugin/assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet"
          type="text/css"/>
    <link href="${CONTEXT_PATH}/plugin/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet"
          type="text/css"/>
    <link href="${CONTEXT_PATH}/plugin/assets/plugins/uniform/css/uniform.default.css" rel="stylesheet"
          type="text/css"/>
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL STYLES -->
    <link rel="stylesheet" type="text/css"
          href="${CONTEXT_PATH}/plugin/assets/plugins/select2/select2_metro.css"/>
    <!-- END PAGE LEVEL SCRIPTS -->
    <!-- BEGIN THEME STYLES -->
    <link href="${CONTEXT_PATH}/plugin/assets/css/style-metronic.css" rel="stylesheet" type="text/css"/>
    <link href="${CONTEXT_PATH}/plugin/assets/css/style.css" rel="stylesheet" type="text/css"/>
    <link href="${CONTEXT_PATH}/plugin/assets/css/style-responsive.css" rel="stylesheet" type="text/css"/>
    <link href="${CONTEXT_PATH}/plugin/assets/css/plugins.css" rel="stylesheet" type="text/css"/>
    <link href="${CONTEXT_PATH}/plugin/assets/css/themes/default.css" rel="stylesheet" type="text/css"
          id="style_color"/>
    <link href="${CONTEXT_PATH}/plugin/assets/css/pages/login.css" rel="stylesheet" type="text/css"/>
    <link href="${CONTEXT_PATH}/plugin/assets/css/custom.css" rel="stylesheet" type="text/css"/>
    <!-- END THEME STYLES -->
    <link rel="shortcut icon" href="${CONTEXT_PATH}/img/icon.ico"/>
<body class="login">
<!-- BEGIN LOGO -->
<div class="logo"></div>
<!-- END LOGO -->
<!-- BEGIN LOGIN -->
<div class="content">
    <!-- BEGIN LOGIN FORM -->
    <form class="login-form" action="${CONTEXT_PATH}/login/cklogin" method="post">

        <h4 class="form-title">
            <img src="${CONTEXT_PATH}/img/icon_48_48.ico" alt="" style="width: 48px;height: 48px"/>
        ${h_system_name}
        </h4>

        <div class="alert alert-danger display-hide">
            <button class="close" data-close="alert"></button>
            <span>请输入您的登录信息</span>
        </div>
        <div class="form-group">
            <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
            <label class="control-label visible-ie8 visible-ie9">登录帐号</label>

            <div class="input-icon">
                <i class="fa fa-user"></i>
                <input class="form-control placeholder-no-fix" type="text" autocomplete="off"
                       placeholder="Username" name="username"/>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label visible-ie8 visible-ie9">登录密码</label>

            <div class="input-icon">
                <i class="fa fa-lock"></i>
                <input class="form-control placeholder-no-fix" type="password" autocomplete="off"
                       placeholder="Password" name="password"/>
            </div>
        </div>
        <div class="form-actions">
        <#--<label class="checkbox">-->
        <#--<input type="checkbox" name="remember" value="1"/>单击 记住我-->
        <#--</label>-->
            <button type="submit" class="btn green center-block">
                登录 <i class="m-icon-swapright m-icon-white"></i>
            </button>
        </div>
    </form>
    <!-- END LOGIN -->
    <!-- BEGIN COPYRIGHT -->
    <div class="copyright">
    ${h_system_main_footer}
    <#--<@_getCache cachename="system" key="system_main_footer">-->
            <#--${obj.value}-->
    <#--</@_getCache>-->
    </div>
    <!-- END COPYRIGHT -->
    <!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
    <!-- BEGIN CORE PLUGINS -->
    <script src="${CONTEXT_PATH}/plugin/assets/plugins/jquery-1.10.2.min.js" type="text/javascript"></script>
    <script src="${CONTEXT_PATH}/plugin/assets/plugins/jquery.cookie.min.js" type="text/javascript"></script>
    <script src="${CONTEXT_PATH}/plugin/assets/plugins/uniform/jquery.uniform.min.js"
            type="text/javascript"></script>
    <!-- END CORE PLUGINS -->
    <!-- BEGIN PAGE LEVEL PLUGINS -->
    <script type="text/javascript"
            src="${CONTEXT_PATH}/plugin/assets/plugins/select2/select2.min.js"></script>
    <!-- END PAGE LEVEL PLUGINS -->
    <!-- BEGIN PAGE LEVEL SCRIPTS -->
    <script src="${CONTEXT_PATH}/plugin/assets/scripts/app.js" type="text/javascript"></script>
    <script src="${CONTEXT_PATH}/plugin/assets/scripts/login.js" type="text/javascript"></script>
    <!-- END PAGE LEVEL SCRIPTS -->
    <script>
        jQuery(document).ready(function () {
            App.init();
            Login.init();
        });
    </script>
    <!-- END JAVASCRIPTS -->
</body>
<!-- END BODY -->
</html>